
 /******************公共样式****************************/
.clearboth:after{display: block;content: "";clear: both; visibility: hidden;}
html{
	font-family: "微软雅黑";	
	background-color: #f4f4f4;
}
i{font-style: normal;}
*{font-size: 14px;}
html,body,header,section,footer,div,ul,ol,li,img,a,span,em,del,legend,center,strong,var,fieldset,form,label,dl,dt,dd,cite,input,hr,time,mark,code,figcaption,figure,textarea,h1,h2,h3,h4,h5,h6,p{margin:0;border:0;padding:0;font-style:normal;}
button{border:none;margin: 0px;padding: 0px;}
ul li{list-style: none;}
 
  * {
  	padding: 0px;
  	margin: 0px;
  }
  
.header {width:100%;height:50px;background-color:grey;position:fixed;top:0;left:0;margin:0;text-align:center;}
  
  .a {
  	width: 33.33%;
  	height: 50px;
  	float: left;
  	margin: 0 auto;
  	line-height: 50px;
  }
  /*<!-----  上面每个都要复制 --------->*/
 
.store_name {
	background-color: white;
	background: white;
	float: left;
	width: 100%;
	line-height: 50px;
	height: 50px;
}

.store_name .add_img {height: 16px;width: 16px;vertical-align: middle;margin-top: -5px;}

.store_name .left {font-size: 15px;margin: 0 10px;margin-left: 10px;}

 .right_img {vertical-align: middle;margin-right: 10px;font-size: 16px;color: red;}
 


/** 列表展示 **/
.goods{background-color: white; padding: 10px;height: 85px;}

.goods .item_img{height: 85px;width: 85px;float: left;margin-right: 10px;}

.goods .item_name{font-size: 16px;height: 25px;}

.goods .item_desc{color: #a5a5a5; }

.goods .item_buy_num{color: #202020; float: right;}

.goods .item_money{font-size: 16px;color: red;margin-top: 10px; float: left;}

.goods .item_ul{margin-left: 10px;}

.trans_div{background-color: white;height: 50px;line-height: 50px;}

.tran_span{vertical-align: middle;float: right;margin-right: 10px;color: #6d6d6d;font-size: 12px;margin-top: 1px;}

.tran_money{vertical-align: middle;float: right;font-size: 15px;}

.span_all_money{float: right;font-size: 16px;color: red;margin-right: 10px;color: red;}

.bottom{position: fixed;bottom: 0px; height: 50px;line-height: 50px; width: 100%; background-color: white;}

.bottom .left{background-color: white;float: left;vertical-align: middle;width: 70%;text-align: center;}

.left .left_span{font-size: 16px;color: red;}

.bottom .right{background-color: red;float: right;width: 30%;text-align: center;}

.right .right_span{font-size: 16px;color: white;}

.show_address{background-color: white;width: 100%;float: left;}

.show_address .left{float: left;padding: 10px;height: 30px;line-height: 30px;}

.show_address .img_size{height: 20px; width: 20px;margin-right: 5px;vertical-align: middle;}

.left .username{font-size: 16px;vertical-align: middle;}

.right .phone{vertical-align: middle;font-size: 17px;}

.show_address .address{font-size: 15px;vertical-align: middle;color: #6d6d6d;}

.show_address .right{float: right;padding: 10px;}

.address_address{padding: 10px;height: 30px;line-height: 30px;}

.address_hr{width: 100%;height: 3px;float: left;}

.trans_div .left{padding: 5px 7px;border-radius: 4px;border:1px solid red;margin-right: 5px;color:red;}
 
.trans_div .right{padding: 5px 7px;border-radius: 4px;border:1px solid red; background-color: #ff3b43; margin-right: 5px;color:white;margin-left: 5px;}
  
